<template>
  <div class="page-container">
    <TheHeader :menuData="indexData" @scrollTo="scrollTo" />
    <slot />
    <TheFooter />
  </div>
</template>
<script setup>
import { indexData } from '~/utils/mock'

const router = useRouter()
const scrollTo = (index) => {
  navigateTo(`/${index}`)
}
</script>